<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../jquery-ui-1.10.2/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="../iconfunt/iconfont.css">
    <link rel="stylesheet" href="../css/detailsmusic.css">
    <script src="../jquery-ui-1.10.2/jquery-1.9.1.js"></script>
    <script src="../jquery-ui-1.10.2/ui/jquery-ui.js"></script>
    <script src="../js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../sass/index.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../jquery-ui-1.10.2/themes/base/jquery-ui.css">
	<link rel="stylesheet" href="../css/bootstrap.css">
	<link rel="stylesheet" href="../jquery-ui-1.10.2/themes/base/jquery-ui.css">
	<link rel="stylesheet" href="../iconfunt/iconfont.css">
	<link rel="stylesheet" href="../css/detailsmusic.css">
	<link rel="stylesheet" href="../css/styles.css">
	<script src="../jquery-ui-1.10.2/jquery-1.9.1.js"></script>
	<script src="../jquery-ui-1.10.2/ui/jquery-ui.js"></script>
    <title>Document</title>
    <style>
        .div1 {
            background-color: rgba(0, 0, 0, 0.05);
        }

        .head_center {
            width: auto;
            max-width: 1200px;
            height: 48px;
            margin: 0 auto;
            border: 0;

        }

        .main-logo img {
            display: inline-block;
            width: 50px;
            height: 48px;
            margin: 0;
            float: left;
        }

        .website-name {
            color: #191919;
            font-size: 16px;
            font-weight: 700;
            margin: 0;
            font-size: 10px;
            line-height: 1;
            margin-top: 19px;
            margin-left: 8px;
            display: inline-block;
            float: left;
        }
        .logout{
            display: none;
        }
       
        #imgbox{
           position: relative;

        }
        .img{
            display: block;
            width: 600px;
            height: 800px;
            position: absolute;
           top: 60px;
           left: 550px;


        }
    </style>
</head>

<body>
    <nav>
        <div class="banxin">
            <main class="s-sub">
                <ul>
                    <li><a href="http://172.168.20.103/HUAWEI/ALL/index.html">首页</a></li>
                    <li><a href="#">华为官网</a></li>
                    <li><a href="">花粉俱乐部</a></li>
                    <li><a href="">V码(优购码)</a></li>
                    <li><a href="#">企业购</a></li>
                    <li><a href="#">Select Regjon</a></li>


                    <li class="gdjc"><a href="#">更多精彩

                            <ul class="gd-ul">
                                <li>EMUI</li>
                                <li>市场应用</li>
                                <li>升为终端云空间</li>
                                <li>开发者联盟</li>
                            </ul>

                    </li>
                    </a>
                </ul>
            </main>
            <main class="s-main">
                <li><a href="logon.html">请登录</a></li>
                <li class="logout"><a href="javascript:document.cookie='phone=;expires=Thu, 01 Jan 1970 00:00:00 UTC;';location='index.html'">退出登录</a></li>
                <li><a href="parking.html">注册</a></li>
                <li><a href="">我的订单</a></li>
                <li class="s-main-lis"><a href="#">客户服务
                        <ul>
                            <li>服务中心</li>
                            <li>联系客服</li>
                        </ul>
                    </a></li>
                <li class="s-main-lis2"><a href="">网站导航
                        <!-- <div class="div1">
                    <article>
                        
                    </article>
                    <article></article>
                    <article></article>
                    <article></article>
                    <article></article>
                </div> -->
                    </a></li>
                <li><a href="">手机导航</a></li>
                <li><a href="#">购物车<span>(0)</span></a></li>

            </main>
        </div>
    </nav>


   


  <div id="imgbox">
      <img class="img" src="../images/shoukuan.jpg" alt="">
      
   <img src="../images/bjmhahaah.jpg" alt="">
  </div>
  
  <script>
    if (document.cookie.split("=").length == 2) {
        var str = document.cookie.split("=")[1];
        str = str.replace(/^(\d{3})(\d{6})(\d{2})$/, (a, b, c, d) => {
            return b + "******" + d
        })
        $("[href='logon.html']").html(str);
        $("[href='logon.html']").attr("href", "#");
        $(".logout").css("display", "inline");
        $("[href='parking.html']").css("display", "none");
    }
</script>

<script>
    var people = document.cookie.split("=")[1];
    var b = 0;
    $.ajax({
        url: "http://172.168.20.103/HUAWEI/ALL/allphp.php",
        data: "hide=cartplease&people=" + people,
        dataType: "JSONP",
        success: data => {
            data.forEach((val) => {
                if (val.peoplenum == people) {
                    b++;  
                }
            })
            $(".CART").html(`(${b})`);
        }
    })

</body>

</html>